var myApp = new Framework7();
var $$ = Dom7;

Tida.ready({
    // interactId:"", // 互动实列ID type string 若无抽奖模块，此参数无须传入。给错误的实例ID会走错误流程
    // module: [] // 应用所需要的模块。非必选，默认加载所有模块。支持的模块见注释。
    // sellerNick:"" // 商家名称 
    // shopId:123 // 店铺ID 从url中取 可选
	module : ["device", "media", "server", "social", "widget", "sensor", "share","buy","draw","im","calendar","prize"],
    // debug : 1,
    // combo: 0,
	// console:1,
    interactId : Tida.getParam("interactId")||"c27335b4-c510-4183-a8e6-19ad57a1dc8a"//"c69bb4a4-dc94-4076-9aec-1baeb47b70b4"//"8ecc923e-0d5c-4f65-ae55-49dc22d2d8f1"//"462b2fd6-84fb-4d55-b451-bde8e19fc475"//"b9cc10a9-916d-4481-b840-e6ad3ceaddf0"//"f9d8c5d0-c894-47a7-a7e8-3eb9541f0e07"//"6a46ff4d-9423-4a39-8d5a-db6b6c961439"//"456de863-cda2-495f-acab-495b4aece2cc"//"a8e9c835-09db-45dd-bbc1-8964baa337d6"//"e5616f6f-9a8b-460c-abaa-25b787841948"
    //module:["draw","prize","buy","device","media","social","widget","im","server","share","award"]
}, function(){
	var mixednick;
	var codeimg;
	var short_url;
	var friendnick = $$(".friend").val();
	var cid = $$(".cid").val();
	var sid = $$(".sid").val();
    // TODO
	Tida.doAuth(function(data){
		if(data.finish){
			// 授权成功 可以顺利调用需要授权的接口了

		Tida.mixNick({},function(data){
			if(data.success){
				$$(".mixednick").val(data.mixnick);
				mixednick = data.mixnick;
				// $$.getJSON('/?a=get_code_img&mixednick='+mixednick+"&sid="+sid+"&cid"=cid, function (json) {
					// if(json.code){
						// $$(".loadding").remove();
						// $$(".codeimg").append("<p>读取二维码出错，请进入店铺后台重新设置！</p>");
						// return;
					// }
					// codeimg = json.modules.qrcode_d_o.qrcode_url;
					// short_url = json.modules.qrcode_d_o.short_url;
					// $$(".qcode").val(json.modules.qrcode_d_o.qrcode_url);
					// $$(".loadding").remove();
					// $$(".codeimg").append("<img src=\""+json.modules.qrcode_d_o.qrcode_url+"\" width=\"100%\" />");
				// });
				// console.log(friendnick);
				// if(friendnick){
					// //如果是被邀请来的，则帮助打折
					// $$.getJSON('/?a=invite_friend&mixednick='+mixednick+"&friendnick="+friendnick+"&cid="+cid+"&sid="+sid, function (json) {
						// // 做详细的提示效果
						// console.log(json.error);
						// console.log(json.sql);
						// if(json.is_invite){
							// var html = '';
								// html+= '<div class="card-content">';
								// html+= '<div class="card-content-inner">您已成功为朋友打折！他获得了减钱'+json.decrease_amount+'元的优惠！快点告诉他吧！</div>';
								// html+= '</div>';
								// html+= '';
							// $(".invent-success").append(html);
						// }
						// Tida.toast(json.is_invite);
					// });
				// }
			}
		});
		}else {
			// 未能成功授权
		}
	});
	// $$(".sharetext").on("click",function(e){
		// // document.getElementById("sharetext").select();
		// $$(this).focus();
		// $$(this).select();
	// });
	$$(".praise").on("click",function(e){
		var myid = $$(".my_id").val();
		Tida.praise({
			"targetId":myid
		}, function(data){
			if(data.praiseStatus){
				Tida.toast("您已经喜欢过了！");
			}
		});
	});
	$$(".item-buy").on("click",function(e){
		var iid = $$(this).attr("data-numiid");
		console.log(iid);
		Tida.detail(iid);
	});
	$$(".item-share").on("click",function(e){
		var pic = $$(this).attr("data-pic");
	});
	var ptrContent = $$('.pull-to-refresh-content');
	ptrContent.on('refresh', function (e) {
		location.reload(true);           
	});
	$$(".open-client").on("click",function(e){
		// Tida.openClient( "http://coolgame.play.m.jaeapp.com/example/index.html" );
		var url = $$(".share_link").val();
		if(Tida.isSupportedApp){
			location.reload(true);  
		}else{
			Tida.openClient( url );
		}
	});
	if(Tida.isSupportedApp){
		$$(".no-nick").text("没有读取到昵称，请刷新");
		$$(".no-nick-btn").text("点击刷新");
	}
	var loading = false;
 	// 上次加载的序号
	var lastIndex = $$('.item-block .card').length;
	// 最多可加载的条目
	var maxItems = 60;
	// 每次加载添加多少条目
	var itemsPerLoad = 5;
	
	console.log(mixednick+"|||"+friendnick+"|||"+sid+"|||"+cid+"|||"+lastIndex+"{{"+itemsPerLoad);
	
	$$(".mixNick").on("click",function(e){
	Tida.toast(mixednick+"|||"+sid+"|||"+cid+"|||"+lastIndex+"{{"+itemsPerLoad);
	});
	
	$$('.infinite-scroll').on('infinite', function () {
		console.log($$('.infinite-scroll').scrollTop());
	  // 如果正在加载，则退出
	  if (loading) return;
	  console.log('/?a=get_cur_items&mixednick='+mixednick+"&sid="+sid+"&cid="+cid+"&start="+(lastIndex+1)+"&perload="+itemsPerLoad);
	  loading = true;
	  $$.getJSON('/?a=get_cur_items&mixednick='+mixednick+"&sid="+sid+"&cid="+cid+"&start="+(lastIndex)+"&perload="+itemsPerLoad, function (json) {
		console.log(json);
		console.log(json.all);
		console.log(json.items);
		console.log(lastIndex);
		loading = false;
		if (lastIndex >= json.all) {
		  // 加载完毕，则注销无限加载事件，以防不必要的加载
		  myApp.detachInfiniteScroll($$('.infinite-scroll'));
		  // 删除加载提示符
		  $$('.infinite-scroll-preloader').remove();
		  return;
		}
		var html = '';
		for (var key in json.items) {
			html+=("<div class=\"card demo-card-header-pic\">");
			html+=("  <div valign=\"bottom\">");
			html+=("    <img src=\""+json.items[key].pic_url+"\" width=\"100%\" />");
			html+=("  </div>");
			html+=("  <div class=\"card-content\">");
			html+=("    <div class=\"card-content-inner\">");
			html+=("      <p class=\"color-gray\">");
			html+=("        优惠截止到：2015年12月21日");
			html+=("      </p>");
			html+=("      <h2>");
			html+=("        "+json.items[key].title+"");
			html+=("      </h2>");
			html+=("      <p>");
			html+=("        "+(json.items[key].recommend?json.items[key].recommend:"")+"...");
			html+=("      </p>");
			html+=("    </div>");
			html+=("  </div>");
			html+=("  <div class=\"card-footer row \">");
			html+=("    <div class=\"col-50\">");
			html+=("      <del class=\"auxiliary-text item-title \">");
			html+=("        ￥"+json.items[key].price+"元");
			html+=("      </del>");
			html+=("      <div class=\"\">");
			html+=("        <span class=\"color-pink\">");
			html+=("          "+json.items[key].friends+"位朋友砍价后：");
			html+=("        </span>");
			html+=("        <h2 class=\"color-pink\">");
			html+=("          ￥"+json.items[key].prom_price+"元");
			html+=("        </h2>");
			html+=("      </div>");
			html+=("    </div>");
			html+=("    <div class=\"col-50\">");
			html+=("      <a href=\"#\" class=\"button button-round color-pink item-buy-"+lastIndex+"\" data-numiid=\""+json.items[key].num_iid+"\">");
			html+=("        立即购买");
			html+=("      </a>");
			html+=("    </div>");
			html+=("  </div>");
			html+=("  <p>");
			html+=("    <a href=\"#\" data-picker=\".picker-1\" class=\"link button button-raised color-orange item-share open-picker\"");
			html+=("    data-pic=\""+json.items[key].pic_url+"\">");
			html+=("      砍价");
			html+=("    </a>");
			html+=("  </p>");
			html+=("</div>");
		}
	 
		// 添加新条目
		$$('.item-block ul').append(html);
		$$(".item-buy-"+lastIndex).on("click",function(e){
			var iid = $$(this).attr("data-numiid");
			console.log(iid);
			Tida.detail(iid);
		});
		// 更新最后加载的序号
		lastIndex = $$('.item-block .card').length;
	  });
	});  
});

	